<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link href="../css/common.css" rel="stylesheet">
<link href="../css/index.css" rel="stylesheet">
<script src="../js/jquery-1.8.3.min.js"></script>
<link rel="stylesheet" href="../css/content.css" />

<title>车辆列表</title>

</head>

<body>

 <div class="fanhui">
    <p><a href="#">车辆监控&nbsp;</a></p><p>&gt;&nbsp;</p><p><a href="#">车辆监控&nbsp;</a></p><p>&gt;&nbsp;</p><p><a href="#">车辆动态&nbsp;</a></p>
 </div>
<div class="zonglan">
	<div class="ditu">
    	<img src="../images/ditu1.png" width="100%" height="100%">
        <div class="sousuo1"><input type="text" placeholder="模糊搜索" class="text"><input type="button" class="btn"></div>
    </div>
    <div class="xinxiliebiao">
    	<h5>车辆列表</h5>
        <div class="cheliang">
        	<li><p>山西</p><img src="../images/chelianglieb-heng.png"><p>1300</p></li>
            <li><p>河南</p><img src="../images/chelianglieb-heng.png"><p>1300</p></li>
            <li><p>河南</p><img src="../images/chelianglieb-heng.png"><p>1300</p></li>
            <li><p>安徽</p><img src="../images/chelianglieb-heng.png"><p>1000</p></li>
            <li><p>浙江</p><img src="../images/chelianglieb-heng.png"><p>500</p></li>
            <li><p>湖南</p><img src="../images/chelianglieb-heng.png"><p>3000</p></li>
            <li><p>湖南</p><img src="../images/chelianglieb-heng.png"><p>3000</p></li>
            <li><p>贵州</p><img src="../images/chelianglieb-heng.png"><p>200</p></li>
            <li><p>贵州</p><img src="../images/chelianglieb-heng.png"><p>200</p></li>
            <li><p>云南</p><img src="../images/chelianglieb-heng.png"><p>100</p></li>
            <li><p>云南</p><img src="../images/chelianglieb-heng.png"><p>100</p></li>
        </div>
    </div>
</div>


<!--查询弹框开始-->
	<div class="showbox">
		<div class="shang"><p>17位车架号<span>（所属单位：奇瑞汽车股份有限公司）</span></p><a class="close" href="#"><img src="../images/cha.png"></a></div>
		<div class="mainlist">
			<ul>
            	<li>车辆状态：启动</li>
                <li>模式：纯电</li>
                <li>注册时间：2016年10月26日</li>
            </ul>
            <ul>
            	<li>定位状态：有效</li>
                <li>方向：西南</li>
                <li>数据时间：2016年10月27日</li>
            </ul>
            <ul>
            	<li style="margin-right:25px;">GPS 车速：20KM/h</li>
                <li>位置：江苏省常州市钟楼区玉龙路星港路附近</li>
            </ul>
            <ul>
            	<li style="margin-right:10px;"><a href="jingtaixinxi.html">静态信息</a></li>
                <li style="margin-right:10px;"><a href="chelianggenzhong.html">车辆跟踪</a></li>
                <li style="margin-right:10px;"><a href="guijihuifang.html">轨迹回放</a></li>
                <li style="margin-right:10px;"><a href="shujuxiangqing.html">数据详情</a></li>
            </ul>
		</div>
	</div>	

<script type="text/javascript">
$(document).ready(function(){
	$(".showdiv").click(function(){
		var box =300;
		var th= $(window).scrollTop()+$(window).height()/1.6-box;
		var h =document.body.clientHeight;
		var rw =$(window).width()/2-box;
		$(".showbox").animate({top:th,opacity:'show',width:585,height:280,right:rw},500);
		$("#zhezhao").css({
			display:"block",height:$(document).height()
		});
		return false;
	});
	$(".showbox .close").click(function(){
		$(this).parents(".showbox").animate({top:0,opacity: 'hide',width:0,height:0,right:0},500);
		$("#zhezhao").css("display","none");
	});
});
</script>
<!--查询弹框结束-->

</body>
</html>
